<!doctype html>
<html><head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="keywords" content="">
  <meta name="description" content="mezz">
  <meta name="author" content="mezz">
  <link href="css/css.css" rel="stylesheet">
  <link href="css/chosen.css" rel="stylesheet">
  <!--[if lt IE 9]>
  <link href="css/ie.css" rel="stylesheet" type="text/css" >
  <meta http-equiv="X-UA-Compatible" content="IE=8" >
  <![endif]-->
  <!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=IE6/IE6.html"><![endif]-->
  <link href="favicon.ico" rel="SHORTCUT ICON">
  <title>17素材·私厨 - 为你推荐遍布全球最新鲜，最与众不同的顶级生活方式</title>

  <!----------------------------------------------引用js和css-------------------------------------------->
  <!--导入的   vue.js,jquery.js,element.js,element.css--->
  <script src="./js/vue.min.js"></script>
  <script src="./js/jquery-3.5.1.min.js"></script>
  <!-- Element-UI -->
  <!-- 引入组件库 -->
  <script src="./js/element-ui/index.js"></script>
  <!-- 引入样式 -->
  <link href="./css/element-ui/index.css" rel="stylesheet">
  <!--------------------------------------------------------------------------------------------------->

</head>
<body>
<!-----------------------------------------顶层Vue [sign_up]------------------------------------------>
<div id="sign_up">

  <!---------------------------------------头部[head]--------------------------------------------------->
  <div id="head">
    <div class="head">
      <div class="wrap clearfix">
        <a href="index.html" class="logo indent">logo</a>
        <div class="headr fr">
          <form action="active.html" method="post" class="headsearch">
            <label class="label">
              <input type="text" value="" name="" class="key" v-model="search">
              <span class="text" v-model="search">搜索地址、名称、时间等</span>
            </label>
            <button type="submit" class="button btn-search">&#xe628;</button>
          </form>
          <a href="./Release.html"><em><img src="images/sb.png"></em>  &nbsp;&nbsp;发布我的饭局</a>
          <div class="user">
        <span class="clearfix"><span class="userimg"><img :src=uinfos.tx><i></i></span>
        <a href="javascript:;" class="fr">{{uinfos.name}} <em>&#xe607;</em></a></span>
            <ul class="topslide">
              <li><em>&#xe627;</em><a href="mem.html">个人设置</a></li>
              <li><em>&#xe63d;</em><a href="Message.html">消息中心</a></li>
              <li><em>&#xe63c;</em><a href="Dinner.html">饭局管理</a></li>
              <li><em>&#xe63e;</em><a href="fans.html">我的好友</a></li>
              <li><em>&#xe61b;</em><a href="My_Messages.html" >我的留言</a></li>
              <li><em>&#xe611;</em><a href="login.html">退出</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

  </div>
  <!---------------------------------------------------------------------------------------------------->

  <!---------------------------------------中部[warp]--------------------------------------------------->
  <div class="wrap">
    <div class="sign-title tc">
      <h1>我要申请报名</h1>
      亲爱的<a href="#" class="o">{{uinfos.name}}</a>，欢迎申请<span class="o">地点在 {{activity.ct_name}}的 {{activity.title}}</span>
    </div>

    <div class="membox clearfix">
      <div class="userinfo fl">
        <a href="#" class="img"><img :src=uinfos.tx width="100%" height="100%"></a>
        {{uinfos.nc}}
      </div>
      <div class="txt fr">
        <h1>你永远不会知道，这一秒的选择，将会在未来有怎样的惊奇收获。</h1>
        旅行途中的那个夜里，想参加活动，抱着“Just do it”的想法按键提交了申请赶上了末班车,获得这个千万人艳羡的机会。
      </div>
    </div>

    <div class="Application mt30">
      <table class="apptab">
        <tr>
          <th><em class="ico"></em>申请理由：</th>
          <td>
            <p class="boxw clearfix"><span class="fr">还可以输入<span class="o" id="textCount" >90</span>字</span>(为了提高申请成功率，请如实填写）</p>
            <textarea name="" cols="" rows="" id="TextArea1" class="boxw TextArea" onkeyup="words_deal();" v-model="applyInfo"></textarea>
          </td>
        </tr>
        <tr>
          <th>备注：</th>
          <td>
            <p class="clearfix">(是否有忌口和过敏问题）</p>
            <textarea name="" cols="" rows="" class="boxw TextArea" v-model="bzInfo"></textarea>
            <div class="Release-submit tl">
              <el-checkbox v-model="checked">我已阅读并同意</el-checkbox>  <a href="#" class="o">《17素材服务条款》</a>
              <p class="mt20"><button type="button" name="" value="" class="button btn-submit Appbtn" @click="commit()">提交</button><button type="button" name="" value="" class="button btn-reset Appbtn" @click="reset">取消</button></p>
            </div>
          </td>
        </tr>
      </table>
    </div>

  </div>
  <!---------------------------------------------------------------------------------------------------->

  <!---------------------------------------底部[foot]--------------------------------------------------->
  <div id="foot">
    <div class="footmenu">
      <div class="wrap clearfix">
        <!--------------------------------------------------循环页脚内容------------------------------------------------->
        <template v-for="n in 4">
          <div class="item ">
            <h1 class="hd">产品理念</h1>
            <ul>
              <li><a href="#">食品安全</a></li>
              <li><a href="#">订购流程</a></li>
              <li><a href="#">修改订单</a></li>
              <li><a href="#">冷链配送</a></li>
              <li><a href="#">全程冷链</a></li>
            </ul>
          </div>
        </template>
        <!------------------------------------------------------------------------------------------------------------->
        <div class="fr">
          <img src="images/img2.jpg">
          <img src="images/img3.jpg">
        </div>
      </div>
      <div class="gotop">&#xe608;</div>
    </div>
  </div>
  <!---------------------------------------------------------------------------------------------------->

  <div class="foot tc">Copyright © 2003-2015 17素材, All Rights Reserved</div>
</div>

<!---------------------------------------引用自己的js文件----------------------------------------------->
<script src="./js/lgw/Sign_up.js" type="module"></script>

<!----------------------------------------------------------------------------------------------------->

<script src="js/jquery.js"></script>
<script src="js/Action.js"></script>
<script src="js/chosen.jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function($){
    //select 样式美化
    var config = {
      '.chosen-select-no-single' : {disable_search_threshold:10}
    }
    for (var selector in config) {
      $(selector).chosen(config[selector]);
    }
  });
</script>
</body>
</html>